﻿<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>帮助</title>
<link href="/resources/Doc/css/style.css" rel="stylesheet" />
<link href="/resources/Doc/lib/responsive.css" rel="stylesheet" />
<!--[if lt IE 9]><script src="/resources/Doc/lib/H5shiv.js"></script><![endif]-->
<!--[if IE 6]><script src="/resources/Doc/lib/pngfix.js"></script><![endif]-->
</head>
<body class="hasNav">
<header class="wrap">
   <h1>可视化布局工具使用帮助</h1>
</header>
<nav class="wrap nav" id="nav"></nav>
<section class="wrap" id="overall">
	<h2>开始</h2>
    <h3 id="about">关于</h3>
    <p>【可视化布局工具】基于公司内部栅格系统实现，生成代码符合制作部代码规范，可直接嵌入基于【模块化框架】的项目使用，栅格的特性可以参考《<a href="http://192.168.50.33/resources/Doc/#respons-grid" target="_blank">模块化框架使用文档》</a>相关部分。</p>
	<h3 id="function">功能</h3>
	<p><strong>布局：</strong>从左侧栅格列表选择布局，拖放到右侧布局区完成布局，布局可嵌套。</p>
	<p><strong>预览：</strong>用于预览布局效果，预览状态下栅格会具有默认高度、间距、背景色。</p>
    <p><strong>生成：</strong>用于生成布局代码，代码中的非栅格class均来自【模块化框架】。</p>
    
	<h3 id="set">配置</h3>
	<p><strong>自定义布局：</strong>栅格列表的输入框可以手动输入数字用以自定义布局，数字用空格分隔，相加等于栅格总列数即可，默认栅格总列数为12。</p>
	<p><strong>栅格间距切换：</strong>栅格配置栏中的【间距】按钮用于该行在普通模式和无间距模式之间切换。</p>
	<p><strong>通栏：</strong>栅格配置栏中的【通栏】按钮将打开通栏配置对话框，用于在“wrap”层外包通栏，可选功能：为通栏添加class、将通栏指定为header/footer标签、添加通栏同时去除“wrap”层。</p>
	<p><strong>栅格切换：</strong>【开发中：用于切换栅格总数】</p>
</section>
<footer class="wrap oh tc">
   <div class="row "> <a href="#" title="返回顶部" class="dib foot_logo gotop">
      <figure></figure>
      </a>
      <p class="dib"> © 2014 - 3014&emsp;zangtao@21-sun.com</p>
   </div>
</footer>
</body>
<script src="/resources/modules/seajs/sea.js" id="seajs-node"></script>
<script src="/resources/Doc/seajs.config.js"></script>
<script>
	seajs.use('/resources/Doc/resets/doc')
</script>
</html>